// BEM css架构：按规则去写样式，好维护，xw-块区域__元素--修饰
// 前缀
$pre: "xw";
// 块
$block_sel: "-";
// 元素
$element_sel: "__";
// 修饰
$modify_sel: "--";

// 块 -button xw-button
@mixin b($block) {
  $B: $pre + $block_sel + $block;
  .#{$B} {
    @content;
  }
}
// 元素 __inner xw-input__inner
@mixin e($element) {
  $E: & + $element_sel + $element;
  #{$E} {
    @content;
  }
}
// 修饰 --primary el-button--primary
@mixin m($modify) {
  $M: & + $modify_sel + $modify;
  #{$M} {
    @content;
  }
}
